﻿<!DOCTYPE html>
<html>
<head>
    <title>码管家—云平台</title>
    @Content.Meta("码管家—云平台")
    @Content.Common(Url)

    <style>
        body {
            position: relative;
        }

        #bigBox {
            display: flex;
            flex-direction: column;
            position: fixed;
            bottom: 2px;
            right: 0;
        }

        .smallBox {
            width: 40px;
            height: 40px;
            margin-top: 10px;
            position: relative;
            color: white;
        }

        .smallBox:hover {
            color: white;
        }

        .smallBox > img {
            background-color: #333;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 0;
            transition: 1s;
        }

        .smallBox > .move {
            position: absolute;
            top: 0;
            right: -130px;
            background-color: #539a58;
            width: 130px;
            height: 40px;
            transition: 1s;
            line-height: 40px;
            padding-left: 30px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .smallBox:hover .move {
            transform: translateX(-170px);
        }

        .smallBox:hover .moveLast {
            transform: translateX(-170px);
        }

        .smallBox:hover > img {
            background-color: #539a58;
        }

        .ewm {
            width: 100px;
            position: absolute;
            bottom: 0;
            right: 60px;
            display: none;
        }

        .ewm > img {
            width: 100px;
            height: 100px;
            margin: 5px 0;
        }

        .ewm > p {
            padding: 5px 0px;
            font-size: 12px;
            text-align: center;
            background-color: #539a58;
            color: white;
            font-weight: 700;
            margin: 0;
        }

        .smallBox > .img2 {
            display: none;
        }
    </style>
    <script>
            window.onbeforeunload = function () {
                sessionStorage.removeItem('alertSave');
                sessionStorage.removeItem('isFirst');
                sessionStorage.removeItem('isLeave');
            }
    </script>
</head>
<body class="site-contabs-open site-menubar-unfold ">
    @Html.Partial("Global/_PartialNavigation")
    <div class="main">
        <div class="big-left" style="overflow-y:auto">
            @Html.Partial("Global/_PartialMenu")
        </div>
        <nav class="site-contabs" id="admui-siteConTabs">
            <button type="button" class="btn btn-icon btn-default pull-left hide">
                <i class="icon fa-angle-double-left"></i>
            </button>
            <div class="contabs-scroll pull-left">
                <ul class="nav con-tabs" style="width: 315px;">
                    <li class="Nb-con-tabs" onclick="sessionStorage.removeItem('SiteMenuSubIndex'); sessionStorage.removeItem('MenuActivityIndex');">
                        <a data-pjax="" href="" rel="contents"><span>首页</span></a>
                    </li>
                </ul>
            </div>
            <div class="btn-group pull-right">
                <button type="button" class="btn btn-icon btn-default hide">
                    <i class="icon fa-angle-double-right"></i>
                </button>
            </div>
        </nav>
        <div class="big-right" id="big_right_right" style="overflow-y:auto">
            @RenderBody()
        </div>

        @*侧边栏*@
        <div id="bigBox" class="ShowCompanyInfo">
            <div class="ewm">
                <img src="https://shnbbucket.oss-cn-beijing.aliyuncs.com/20180209095707.jpg" />
                <p>
                    <span>扫描二维码</span>
                    <br>
                    <span>进入微信小程序</span>
                </p>
                <img src="~/Content/webImgs/shared/ewm1.jpg" />
                <p>
                    <span>扫描二维码</span>
                    <br>
                    <span>关注公众号</span>
                </p>
            </div>
            <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=2355881165&site=qq&menu=yes" class="smallBox" id="smallBox1">
                <span class="move">在线客服顾问</span>
                <img src="~/Content/webImgs/shared/qq-gray.png" />
                <img class="img2" id="img2_1" src="~/Content/webImgs/shared/qq-white.png" />
            </a>
            <a class="smallBox" id="smallBox2">
                <span class="move">4006-12315-3</span>
                <img src="~/Content/webImgs/shared/tel-gray.png" />
                <img class="img2" id="img2_2" src="~/Content/webImgs/shared/tel-white.png" />
            </a>
            @*<a class="smallBox" id="smallBox3">
                    <span class="move">帮助中心</span>
                    <img src="~/Content/webImgs/shared/help-gray.png" />
                    <img class="img2" id="img2_3" src="~/Content/webImgs/shared/help-white.png" />
                </a>*@
            <a class="smallBox lastsmallBox" id="smallBox4">
                <img src="~/Content/webImgs/shared/ewm-gray.png" />
                <img class="img2" id="img2_4" src="~/Content/webImgs/shared/ewm-white.png" />
            </a>
        </div>
    </div>
</body>
</html>
<script>





    //要修改前先问下  是干嘛用的
    window.UserId = '@ViewBag.UserId';
    window.EntperiseId = '@ViewBag.EnterpriseId';
</script>
@*<script>
    (window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>*@
@Content.tymgjtype(Url)
@Content.jQueryCF(Url)
@*@Content.ScriptSite(Url, "Home/test.js")*@
@Content.Script(Url, "Common.js")
<script src="~/Scripts/MGJJS/my.js"></script>
<script>
    $(".lastsmallBox").hover(function () {
        $(".ewm").toggle();
    })
    $("#smallBox1").hover(function () {
        $("#img2_1").toggle();
    })
    $("#smallBox2").hover(function () {
        $("#img2_2").toggle();
    })
    $("#smallBox3").hover(function () {
        $("#img2_3").toggle();
    })
    $("#smallBox4").hover(function () {
        $("#img2_4").toggle();
    })




    $(function () {
        function SetElementState(_elem) {
            if (_elem.length > 0) {
                for (var i = 0; i < _elem.length; i++) {
                    var _el = _elem[i];
                    if (_el) {
                        switch (_el.tagName) {
                            case "BUTTON":
                                _el.onclick = function () {
                                    $.L.msgWarning("暂无权限");
                                }
                                _el.disabled = true;
                                break;
                            case "A":
                                _el.onclick = function () {
                                    $.L.msgWarning("暂无权限");
                                }
                                _el.style.color = "#D0D1D7";
                                break;
                            default:
                                _el.disabled = true;
                                break;

                        }
                    }
                }
            }
        }

        $("#big_right_right").bind("DOMNodeInserted", function () {
            if (window.EntperiseId == 1) return;
            var _elem = $("[limitupd]");
            if (window.limitUpd === "0") {
                SetElementState(_elem);
            }
            _elem = $("[limitdel]");
            if (window.limitDel === "0") {
                SetElementState(_elem);
            }
            _elem = $("[limitadd]");
            if (window.limitAdd === "0") {
                SetElementState(_elem);
            }
        })
        $.MGJ.Common.Init();
    });
</script>
<script src="~/Scripts/SignalR/jquery.signalR-2.2.2.min.js"></script>
<script src="~/signalr/hubs"></script>
